/* 
less的注释要用现在这种方式包裹，用//注释，在这里可以，但是在css中不用生效，不自动转到css
less，要安装一个easy-less插件，less文件，保存后，就自动编译成css文件
*/
a {
  color: #428bca;
}
a:hover {
  color: #3071a9;
}
/* 嵌套
*/
nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
nav li {
  display: inline-block;
}
nav a {
  display: block;
  padding: 6px 12px;
  text-decoration: none;
}
nav a:hover {
  background-color: #eee;
}
/*
  混合.bordered() 加不加（）都可以，是可选的*/
.bordered {
  border: 1px solid black;
}
.box {
  border: 1px solid black;
  border-top: dotted 1px black;
  border-bottom: solid 2px black;
  width: 200px;
  height: 200px;
}
.bordered {
  border-top: dotted 1px black;
  border-bottom: solid 2px black;
}
#menu a {
  color: #111;
  border: 1px solid black;
  border-top: dotted 1px black;
  border-bottom: solid 2px black;
}
.post a {
  color: red;
  border: 1px solid black;
  border-top: dotted 1px black;
  border-bottom: solid 2px black;
}
